<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../Ajs/vue.js"></script>
    <script src="../Ajs/vue.min.js"></script>
</head>
<body>

<div id="box">
    <div>
        <input type="text" v-model="msg">
        {{msg | upper}}
        <!--
            也可以
            {{msg | upper | ...}}  多个过滤
            v-bind:id="id | formatId"  绑定属性
        -->
    </div>

</div>

<script>
    /*
    过滤器
        格式化数据，比如将字符串格式化为首字母大写，将日期格式化为指定格式等

    * */

    var vm = new Vue({
        el:"#box",
        data:{
            msg:""
        },
        filters:{
            upper(val){
                return val.charAt(0).toUpperCase()+val.slice(1);
            }
        }
    });
</script>

</body>
</html>
